<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title><script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body,ul,li,h1,h2,h3,h4,p,dl,dd,dt,ol{
			margin: 0;
			padding: 0;
		}
		ul,li,ol{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		#box{
			width: 10rem;
			background-color: #efefef;
		}
		.header{
			height: 1.4375rem;
			background: #ffd600;
			
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 10;
		}
		.m1{
			width: 1.09rem;
			height: 2.2rem;	
		}
		.mimg{
			width: 1.09rem;
			height: 1.2rem;
			margin-top: .171875rem;
			margin-left: .171875rem;
			
		}
		.zi{
			margin-top: -2.1rem;
		}	
		.mimgj{
			width: .521857rem;
			height: .50625rem;
			
		}
		.m2{
			width: 1.25rem;
			height: 1.375rem;	
			float: right;
			margin-top: -1.3rem;
		}
		.mimgk{
			width: 1.25rem;
			height: 1.3rem;
			
		}	
		.section{
			height: 100rem;
			position: absolute;
			top: 0rem;
			bottom: 0rem;
			left: 0;
			right: 0;
			overflow-y: scroll;
		}
		.zhong1{
			height: .15625rem;
			background-color: #efefef;
			margin-top: 1.4375rem;
		}
		.zhong2{
			height: 1.25rem;
			/*background-color: burlywood;*/
		}
		#ttu1{
			
			width: .2725rem;
			height: .715625rem;
		}
		.ttu1{
			width: .2725rem;
			height: .555625rem;
			margin-top: .4rem;
			margin-left: .3125rem;
		}
		.shui{
			font-size: .40625rem;
			font-family: "微软雅黑";
			color: #f38631;
			margin-left: .874375rem;
			margin-top: -.3rem;
			
		}
		.gd{
			font-size: .40625rem;
			font-family: "微软雅黑";
			color: #a7a7a7;
			float: right;
			margin-top: -.5rem;
			margin-right: .3rem;
			
		}
		.zhong3{
			height: 2.375rem;
			
		}
		.log{
			height: 2.375rem;
			margin-left: .3125rem;
		}
		.zhong4{
			height: .34375rem;
			
		}
		.zhong5{
			height: 5.609375rem;
			/*background-color: aquamarine;*/
		}
		.zhong6{
			height: .34375rem;
			background-color: red;
		}
		.zuo{
			float: left;
			width: 3.3125rem;
			height: 5.609375rem;
			
		}
		.zhong{
			float: left;
			width: 3.3125rem;
			height: 5.609375rem;
			border-left: solid 1px gray;
			border-right: solid 1px gray;
		}
		.you{
			float: left;
			width: 3.2125rem;
			height: 5.609375rem;
			border: solid 1px black;
			
			
		}
		#shang1{
			width: 3.3125rem;
			height: 3.046875rem;
			background-color: bisque;
		}
		#shang2{
			width: 3.3125rem;
			height: 3.046875rem;
			background-color: bisque;
		}
		/*#shang3{
			width: 3.1525rem;
			height: 3.046875rem;
			background-color: bisque;
		}*/
		.foorer{
			height: 1.578125rem;
			background: #ece7d9;
			color:#fff;
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
		}
		</style>
	</head>
	<body>
		<div id="box">
			<div class="header">
				<div class="m1">
					<img class="mimg" src="img/123.png" />
					
				</div>
				<div class="zi">济远路附近&nbsp;<img class="mimgj" src="img/jiao.png"/></div>
				<div class="m2"><img class="mimgk" src="img/7.png"/></div>
			</div>
			<div class="section">
				<div class="zhong1"></div>
				<div class="zhong2">
					<div class="tu1">
						<div id="ttu1">
							<img class="ttu1" src="img/home_list3_pbg.png"/>
						</div>
						<div class="shui">优选水果</div><div class="gd">更多></div>
					</div>
				</div>
				<div class="zhong3">
					<img class="log" src="img/爱鲜蜂123/首页/2016093011213251.jpg@90Q.jpg" />
				</div>
				<div class="zhong4"></div>
				<div class="zhong5">
					<div class="zuo">
						<div id="shang1">
							
						</div>
						<div id="xia1">
							
						</div>
					</div>
					<div class="zhong">
						<div id="shang2">
							
						</div>
						<div id="xia2">
							
						</div>
					</div>
					<div class="you">
						<div id="shang3">
							
						</div>
						<div id="xia3">
							
						</div>
					</div>
				</div>
				<div class="zhong6"></div>
			</div>
			<div class="foorer">
				
			</div>
		</div>
	</body>
</html>
